$bg:hotpink;
.warp{
	width: 100%;
}
*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}
header{
	width: 100%;
	background-color: #f7f7f7;
}
.w-header{
	width: 1200px;
	height: 35px;
	margin:0 auto;
	font-size: 14px;
	line-height: 35px;
	display: flex;
	justify-content: space-between;
	.w-left{
		font-size: 12px;
		display: inline-block;
		.gang{
			width: 1px;
			height: 15px;
			margin-top: 10px;
			background-color: gray;
		}
		.tong{
			font-size: 12px;
		}
		li{
			float: left;
			margin-right: 12px;
			a{
				color: gray;
			}
		}
	}
	.w-right{
		font-size: 12px;
		display: inline-block;
		.shu{
			width: 1px;
			height: 15px;
			background-color: gray;
			margin-top: 10px;
		}
		li{
			float: left;
			margin-left: 12px;
			.red{
				color: red;
			}
			a{
				color: gray;
			}
		}
	}
}
.se1{
	width: 100%;
	.w{
		position: relative;
		width: 1200px;
		margin:0 auto;
		.w-top{
			display: flex;
			height: 80px;
			line-height: 80px;
			justify-content: space-between;
			font-size: 14px;
			ul{
			margin-right: 12px;
				.hot{
					position: relative;
					img{
						position: absolute;
						right:-20px ;
						top:17px;
					}
				}
			li{
				float: left;
				margin-left: 45px;
			}
			}
		}
		#myCarousel{
			.carousel-indicators{
				margin-left: 160px;
				margin-bottom: -10px;
				.active{
					background-color: black;
				}
			}
		}
		.tab{
			position: absolute;
			left: 0;
			top: 80px;
			height: 340px;
			width: 236px;
			background: rgba(0,0,0,0.4);
			ul{
				font-size: 14px;
				color: white;
				width: 100%;
				height: 100%;
				li:nth-of-type(1){
					border-bottom: 1px solid white;
				}
				li:nth-of-type(4){
					border-top: 1px solid white;
				}
				li{
					width: 100%;
					height: 25%;
					line-height:85px;
					position: relative;
					display: flex;
					span:nth-of-type(1){
						display: inline-block;
						width: 40px;
						margin-left:47px ;
						margin-right: 28px;
					}
					span:nth-of-type(2){
						display: inline-block;
						width: 87px;
						margin-right: 10px;
					}
					span:nth-of-type(3){
						font-size: 16px;
					}
				}
			}
			.tab-nav{
				z-index: 99;
				position:absolute;
				left: 236px;
				top: 0;
				width: 656px;
				height: 394px;
				background: #f7f7f7;
				padding:2px 25px 25px 15px ;
				display: none;
				ul{
					font-size: 11px;
					width: 100%;
					height: 100%;
					display: flex;
					color: black;
					flex-wrap: wrap;
					justify-content: space-between;
					li{
						width: 116px;
						height: 42px;
						border: 1px solid darkgray;
						text-align: center;
						line-height: 42px;
						margin-top: 21px;
					}
					.noe{
						border: none;
					}
				}
			}
		}
	}
}
.se2{
	width: 100%;
	background-color:#f7f7f7;
	.w{
		width: 1200px;
		margin:0 auto;
		.ip {
			width: 100%;
			ul {
				display: flex;
				justify-content: space-between;
				li {
					text-align: center;
				}
			}
		}
      .hang{
		  width: 100%;
		  height: 64px;
		  p{
			  display: flex;
			  justify-content: space-between;
			  margin-top: 50px;
			  span:nth-of-type(1){
				  font-size: 18px;
			  }
			  span:nth-of-type(2){
				  font-size: 12px;
			  }
		  }
	  }
		.see{
			display: flex;
			background: white;
			ul{
				width: 1003px;
				height: 303px;
				li{
					width: 20%;
					height: 303px;
					text-align: center;
					border-right: 1px solid gainsboro;
					padding-top: 51px;
					float: left;
					img{
						width: 79px;
						height: 158px;
					}
					p:nth-of-type(1){
						font-size: 12px;
						margin-top: 28px;
					}
					p:nth-of-type(2){
						color: red;
						font-size: 12px;
					}
				}
			}
		}
	}
}
@mixin fly{
	float: left;
}
$h:48px;
.se3{
	width: 100%;
	.w{
		width:1200px ;
		margin:  0 auto;
    .sele{
		font-size: 12px;
		select{
			width: 145px;
			@include fly();
			height: $h;
			margin-right: 10px;
		}
		input{
			width:468px ;
			padding-left: 10px;
			@include fly();
			height: $h;
		}
		button{
			border: none;
			background-color: #118855;
			color: white;
			font-size: 14px;
			@include fly();
			height: $h;
			width: 124px;
		}
	}
		.foot{
			font-size: 12px;
			.left{
				padding-bottom: 30px;
				float: left;
				margin-top: 10px;
				.tou{
					width: 889px;
					display: flex;
					justify-content: space-between;
					ul{
						background:#f7f7f7;
						li{
							width: 125px;
							height: 47px;
							float: left;
							text-align: center;
							line-height:47px;
						}
						li:nth-of-type(1){
							background: white;
						}
					}
					button{
						width: 103px;
						height:26px ;
						margin-top: 15px;
					}
				}
				.pai{
					border-bottom: 1px solid silver;
					padding-top: 20px;
					padding-bottom: 22px;
					width: 889px;
					height: 130px;
					display: flex;
                    .pai-left{
						display: flex;
						.im{
							width: 90px;
							height: 84px;
						}
						dl{
							margin-left: 10px;
							dt{
								margin-bottom: 25px;
							}
							dd{
                              color: gray;
								margin-bottom: 10px;
							}
						}
					}
					.pai-right{
						margin-left: 66px;
						margin-top: 6px;
					}
				}
			}
			.right{
				width: 270px;
				border: 1px solid gainsboro;
				float: right;
				button{
					width: 100%;
					border: none;
					outline: none;
					height: 45px;
					background: gainsboro;
				}
				.ping{
					display: flex;
					justify-content: center;
					padding-top: 8px;
					padding-bottom: 8px;
					img{
						width: 58px;
						height: 48px;
					}
					dl{
						padding-top: 5px;
					}
				}
				.even{
					border-bottom: 1px solid gray;
				}
			}
		}
	}
}
footer{
	width: 100%;
	margin-top: 50px;
	.cen{
		margin:15px auto;
		width: 1064px;
		display: flex;
		justify-content:space-around;
		dt{
			font-size: 14px;
			font-weight:500;
		}
		dd{
			color: gray;
			font-size: 12px;
		}
	}
	.wei{
		p{
			width: 100%;
			font-size: 12px;
			color: gray;
			text-align: center;
			margin-top: 10px;
		}
	}
}